/*********************************
 #      HEADER SIDEBAR MENU      #
 *********************************/
 
[role=sidebar-header] nav.menu{
	margin: 15px 0;
}
 
[role=sidebar-header] nav.menu ul.menu{

	background-color: transparent;	
	background-image: url("../img/assets/grey.png");
	background-repeat: no-repeat;
	background-position: center 0%;
	background-size: 100% 300%;	
	
	padding: 12px 2.5%;
}

[role=sidebar-header] nav.menu ul.menu li{
	display: inline;
	margin-right: 0.5%;
}

[role=sidebar-header] nav.menu ul.menu li:hover{
}

[role=sidebar-header] nav.menu ul.menu li a{
	font-size:90%;
	
	background-color: transparent;	
	background-image: url("../img/assets/grey.png");
	background-repeat: no-repeat;
	background-position: center 100%;
	background-size: 100% 300%;
	
	padding: 6px 10px
}

[role=sidebar-header] nav.menu ul.menu li a:hover{
	color: #FFF;
	background-position: center 47%;		
	border-radius: 10px;	
	border-bottom: 1px solid rgba(255,255,255, 0.2);
}

/*************************************
 #      POST FORMATS, TEMPLATES      #
 *************************************/

/* ### GENERAL POST TEMPLATE ### */

article.post{
	margin: 30px 0;
	line-height: 145%;
}

article.post div.content.preview{
	margin: 5px 0;
	font-size: 85%;
}

article.post div.content.preview div.excerpt p{
	margin: 0 0 1rem 0;
}

article.post footer{
	color: rgba(255, 255, 255, 0.7);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 75%;
	padding-top: 3px;
}


article.post footer > ul{
	display: inline;
}
article.post footer > ul > li{
	display: inline;
	margin-right: 1rem;
}

article.post a.more-link{
	font-size: 80%;
	float: right;
}

article.post img.post_thumbnail{
	border-radius: 8px;
	box-shadow: 0px 0px 23px rgba(255, 255, 255, 0.75);
	max-width: 100%;
	height: auto;
}

article.post div.preview img.post_thumbnail{
	transform: rotate(4-90deg);
	transform-origin: 5% 50%;
	
	-webkit-transform: rotate(--90deg);
	-webkit-transform-origin: 5% 50%;
	
	-moz-transform: rotate(--90deg);
	-moz-transform-origin: 5% 50%;
	
	-o-transform: rotate(--90deg);
	-o-transform-origin: 5% 50%;
	
	-ms-transform: rotate(--90deg);
	-ms-transform-origin: 5% 50%;
}

article.post ul li{
	list-style-type: disc;
	margin-left: 20px; 	
}

article.post ol li{
	list-style-type: decimal;
	margin-left: 20px; 	
}

article.post footer ul li, article.post footer ol li{
	list-style-type: none;
	margin-left: 0;
}


/* ### SOCIAL TEMPLATE ### */

ul.social{
	display: inline !important;
	float: right !important;
	height: 32px;
}
ul.social > li{
	display: inline-block !important;
	height: 32px;
	width: 30px;
	
	margin: 0 !important;
	padding: 0 !important;

	background-repeat: no-repeat;
	opacity: 0.8;
}
ul.social > li:hover{
	opacity: 1;
}
ul.social > li a{
	display: inline-block !important;
	height: 32px;
	width: 30px;
}

ul.social > li.facebook{
	background-image: url('../img/icon/social/share.png');
	background-position: 0 0;
}
ul.social > li.twitter{
	background-image: url('../img/icon/social/share.png');
	background-position: -31px 0;
}
ul.social > li.google{
	background-image: url('../img/icon/social/share.png');
	background-position: -61px 0; 0;
}


/*##################################*/ 
/*####  BIG RESOLUTION TABLETS  ####*/
/*##################################*/
@media screen and (max-width: 960px)
{
}

/*##################################*/ 
/*#### SMALL RESOLUTION TABLETS ####*/
/*##################################*/
@media screen and (max-width: 758px)
{
	box.post_title{
		display: block;
		float:none;
	}	
}

/*##################################*/ 
/*#### MOBILE PHONES RESOLUTION ####*/
/*##################################*/
@media screen and (max-width: 524px)
{
	article.post{
		width: 97%;
		margin: 1.1rem auto 1.5rem auto;
	}
	article.post:first-child {
		margin-top: 1.7rem;
	}	
	article.post:last-child {
		margin-bottom: 0.7rem;
	}
}

/*##################################*/ 
/*####  PRINT MEDIA RESOLUTION  ####*/
/*##################################*/
@media print
{
}
